<template>
	<div class="about">
		<h1>This is an about page</h1>
		<h3>{{ $route.params.id }}</h3>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				key: this.$route.params.id
			}
		},
		props: ['id'],
		watch: {
			id(newValue, oldValue) {
				console.log(newValue, oldValue)
			}
		}
	}
</script>

<style lang="scss" scoped></style>
